<template>
  <div>
    <div class="menu">
      <div @click="changeLang('en')">English</div>
      <div @click="changeLang('zh')">中文</div>
    </div>
    <div >{{t('login.login')}}</div>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs } from "vue";
import { useStore } from "vuex";
import { useRouter, useRoute } from "vue-router";
import { useI18n } from 'vue-i18n'
const { locale } = useI18n()
const { t } = useI18n()
const changeLang = (lang) => {
  locale.value = lang;
  localStorage.setItem("lang", lang);
};
</script>

<style scoped lang='scss'>
</style>